/*
*杨洪强
*2018/10/22
*个人信息
*/
@import "../../lib/base.less";
.shop-personal-information{width: 996px;margin: 0 auto;background-color: #ffffff;padding: 0 0 30px 0;
    >.shop-title{height: 74px;font-size: 16px;line-height: 74px;text-indent: 20px;}
    >.shop-avatar{overflow: hidden;padding: 10px 0 0 70px;
        >.shop-img{float: left;width: 96px;height: 96px;border-radius: 50%;border: 2px solid #e1e1e1;position: relative;overflow: hidden;
            >img{margin: 0;float: left;width: 96px;height: 96px;}
            >div{text-align: center;position: absolute;width: 100px;bottom: 0;line-height: 28px;background-color: rgba(0,0,0,.5);color: #ffffff;cursor: pointer;}
        }
        >.shop-view-now{float: left;line-height: 100px;text-indent: 20px;
        }
    }
    >.shop-main{padding: 32px 0 0 0;
        >.shop-tiem{overflow: hidden;margin: 0 0 23px 0;
            >div{float: left;line-height: 26px;}
            >.shop-title{width: 120px;text-align: right;
                >span{color: #e64545;line-height: 12px;display: inline-block;vertical-align: middle;margin-top: 4px;}
            }
            >.shop-content{padding: 0 0 0 9px;
                >.shop-Login-name{min-width: 158px;display: inline-block;height: 26px;}
                >input{height: 24px;width: 158px;border: 1px solid #e1e1e1;}
                >span{color: #999999;
                    >a{display: inline-block;padding: 0 0 0 10px;}
                }
                >label{cursor: pointer;margin-right: 12px;
                    span{display: inline-block;padding: 0 0 0 5px;}
                    input{vertical-align: middle;}
                }
                >select{width: 66px;height: 24px;border:1px solid #e1e1e1;}
                >.shop-hide{color: #000;display: inline-block;vertical-align: middle;}
                >.shop-Login-name-input{display: none;}
            }
            >.shop-content-modify{
                >.shop-Login-name{display: none;}
                >.shop-Login-name-input{display: inline-block;}

            }
        }
        button{width: 88px;height: 36px;background-color: #e64545;border-radius: 3px;color: #ffffff;cursor: pointer;margin: 0 0 0 91px;}
    }
    >.shop-edit-avatar{width: 560px;height: 440px;border: 4px solid #cccccc;border-radius: 2px;background-color: #ffffff;position: fixed;left: 50%;top: 50px;margin-left: -300px;margin-top: 240px;padding: 20px;overflow: hidden;display: none;
        >.shop-header{overflow: hidden;border-bottom:1px solid #e1e1e1;
            >div{float: left;width: 100px;text-align: center;height: 28px;font-size: 14px;border-bottom: 2px solid transparent;cursor: pointer;}
            >.shop-selected{border-color: #e64545;color: #e64545;}
            >.shop-edit-avatar-shut-down{background-image: url("@{imgRootDeep}/cancel.png");float: right;width: 10px;height: 8px;}
        }
        >.shop-main{padding: 20px 0 0 30px;overflow: hidden;
            >.shop-left{float: left;
                >.shop-item{width: 318px;height: 208px;background-color: #f5f5f5;border: 1px solid #e1e1e1;padding: 110px 0 0 0;position: relative;
                    >.shop-upload{text-align: center;cursor: pointer;position: relative;
                        >.shop-img{background-image: url("@{imgRootDeep}/sh.img.png");width: 30px;height: 30px;display: inline-block;vertical-align: middle;}
                        >span{color: #4f8ffc;line-height: 30px;}
                        
                    }
                    >div{text-align: center;color: #999999;line-height: 12px;margin: 14px 0 0 0;}
                    >.file-box{position: absolute;left: 0px;opacity: 0;width: 318px;height: 318px;top: 0;}
                }
                >.shop-item2{background-color: #ffffff;border-color: #ffffff;padding: 0;height: 318px;width: 320px;
                    >.item{width: 63px;height: 63px;float: left;border: 1px solid #e1e1e1;margin-right: 20px;position: relative;cursor: pointer;
                        >img{width: 63px;height: 63px;}
                        >div{position: absolute;right: 0;bottom: 0;background-image: url(../../../images/static/shop-itm.png);width: 15px;height: 15px;display: none;}
                    }
                    >.item-c{margin-right: 0;}
                    >.item-s{
                        >div{display: block;}
                    }
                    >.item:hover{border-color:#e64545;}
                }
            }
            >.shop-right{float: right;width: 100px;height: 127px;margin: 95px 50px 0 0;
                >.shop-title{margin: 0 0 15px 0;}
                >.shop-main{width: 98px;height: 98px;background-color: #f5f5f5;border: 1px solid #e1e1e1;text-align: center;color: #999999;line-height: 98px;position: relative;
                    >img{width: 98px;height: 98px;position: absolute;left: 0;border: none;outline: none;top: 0;}
                }
            }
        }
        >.shop-btn{margin: 30px 0 0 30px;
            >button{width: 64px;height: 30px;background-color: #eeeeee;border-radius: 3px;margin: 0 10px 0 0;cursor: pointer;}
            >button:hover{background-color: #e64545;color: #ffffff;}
        }
    }
    a{color: #4f8ffc;}
    a:hover{color: #e64545;}
} 
